
<script  lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'ModuleTitle',
  props: {
    tit: {
      type: String,
      required: true
    }
  }
});
  </script>
<template>
    <div class="title-box">
        <div class="line"></div>
        <div class="tit" >{{tit}}</div>
    </div>
</template>
<style lang="less" scoped>
.title-box{
    display: flex;
    align-items: center;
    height: 54px;
    .line{
        width: 14px;
        height: 48px;
        background: #428FF2;
        border-radius: 0px 9px 9px 0px;
        margin-right: 30px;
    }
    .tit{
        color: #000000;
        font-size: 52px;
        font-weight: bold;
        line-height: 52px;
    }
}
</style>
